$namespace:"fin"; //样式的统一前缀


//定义一个方法
@mixin blockquote($block) {
    $blockName: $namespace + $block !global;

    .#{$blockName} {
        @content;
    }

}

//定义一个方法
@mixin button-size($padding-x, $padding-y, $font-size, $border-radius) {
    padding: $padding-y $padding-x;
    font-size: $font-size;
    border-radius: $border-radius;
}

// https://sass-lang.com/documentation/modules/color
@mixin button-style ($background, $border, $color, $hover-background: lighten($background, 7.5%), $hover-border:lighten($border, 10%), $hover-color: $color) {
    color: $color;
    background: $background;
    border-color: $border;

    &:hover {
        color: $hover-color;
        background: $hover-background;
        border-color: $hover-border;
    }

    &:focus,
    &.focus {
        color: $hover-color;
        background: $hover-background;
        border-color: $hover-border;
    }

    &:disabled,
    &.disabled {
        color: $color;
        background: $background;
        border-color: $border;
    }
}